import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)
app.mount('#app')

// import './style.css'
// import { OlUtil } from '../lib/index'
// // import { OlUtil } from '../dist/ol-map-utils'
// import { Map } from 'ol'
// import Style from 'ol/style/Style'
// import Icon from 'ol/style/Icon'
// import CircleStyle from 'ol/style/Circle'
// import Fill from 'ol/style/Fill'
// // 初始化地图
// const olutil = new OlUtil()
// let map: Map
// const initMap = () => {
//   const gaodeXYZLAyer = olutil.loadXYZLayer({
//     id: 'test',
//     url: 'http://wprd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}',
//     projection: 'EPSG:3857'
//   })
//   map = olutil.initMap('app', {
//     center: [87.62, 43.83],
//     zoom: 8,
//     layers: [gaodeXYZLAyer]
//   })
//   console.log(map, '---map')
// }
// // 创建图片符号图层P
// const createPointLayer = () => {
//   const data = {
//     x: 87.62,
//     y: 43.83
//   }
//   let style = new Style({
//     image: new CircleStyle({
//       radius: 100,
//       fill: new Fill({
//         color: '#f00'
//       })
//     })
//   })
//   console.log(style, '---style')
//   const l = olutil.createPointsLayer('point', [data], { style })
//   console.log(l, '---l')
// }
// console.log(createPointLayer, '---createPointLayer')
// // 创建图片符号图层
// const createPictureMarkerLayer = () => {
//   const data = {
//     x: 87.62,
//     y: 43.83
//   }

//   const style = new Style({
//     image: new Icon({
//       anchor: [0.5, 1], // 锚点
//       opacity: 1,
//       width: 40,
//       height: 40,
//       // src: imgBaseUrl + '/map/img/poi.png'
//       src: 'http://127.0.0.1:8123/location.png'
//     })
//   })
//   olutil.createPictureMarkerLayer('picture', [data], { style })
// }
// console.log(createPictureMarkerLayer, '---createPictureMarkerLayer')
// setTimeout(() => {
//   initMap()
//   // createPointLayer()
//   createPictureMarkerLayer()
//   setTimeout(() => {
//     // olutil.goToLayer('picture')
//   }, 2000)
//   // olutil.setCenterAndZoom({
//   //   center: [86, 42],
//   //   zoom: 8,
//   //   callback: () => {
//   //     console.log('end')
//   //   }
//   // })
// }, 1000)
